.data-market {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
  margin-right: 20px;
  margin-bottom: 0px;

  .top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;

    h1 {
      margin-top: 16px;
      flex: auto;
    }

    .search-bar {
      display: flex;
      align-items: center;
      margin-top: 14px;
      padding: 8px 0px;

      .ant-btn,
      .ant-select,
      .ant-input-search {
        margin-right: 16px;
      }

      .ant-btn:last-child,
      .ant-input-search:last-child {
        margin-right: 0; // 最后一个元素不需要右边距
      }
    }
  }
  .start-chat-button{
    background-color: #3867ea;
      color: #fff;
      border: none;
      font-size: 16px;
      padding: 7px 20px;
      border-radius: 0px;
    
      &:hover {
        background-color: #3867ea;
        color: #fff;
      }
  }
  .category-menu {
    display: flex;
    align-items: center;

    button {
      margin-right: 20px;
      font-size: 16px;
      padding: 8px 16px;
      border-radius: 0px;

      &:hover {
        background-color: #f0f0f0;
      }

      &.ant-btn-primary {
        background-color: #3867ea;
        color: #fff;
        border: none;

        &:hover {
          background-color: #3857ea;
          color: #fff;
        }
      }
    }
  }

  .data-content {
    margin-left: -50px;
    margin-top: 20px;
    max-height: 800px; // 增加内容区域的最大高度
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 1645px;
    padding-right: 10px; // 增加右侧内边距，避免内容与滚动条重叠
  
    .ant-row {
      margin-left: -16px;
      margin-right: -16px;
    }
  
    .ant-col {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    // 自定义滚动条样式
    &::-webkit-scrollbar {
      width: 8px; // 调整滚动条宽度为 8px
    }
  
    &::-webkit-scrollbar-thumb {
      background-color: #888; // 滚动条颜色
      border-radius: 4px; // 滚动条圆角
      &:hover {
        background-color: #555; // 滚动条悬停颜色
      }
    }
  
    &::-webkit-scrollbar-track {
      background-color: white; // 轨道背景色
      border-radius: 4px; // 轨道圆角
      border: 1px solid #ccc; // 轨道边框颜色
      box-shadow: inset 0 0 3px #aaa; // 内阴影效果
    }
    
  }
  
}